<!DOCTYPE html>
<html lang="zh-Hans">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link rel="stylesheet" type="text/css" href="/static/admin/css/base.css">
    <link rel="stylesheet" type="text/css" href="/static/admin/css/login.css">
    <link rel="stylesheet" type="text/css" href="/static/css/userlogin.css">
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <link rel="stylesheet" type="text/css" href="/static/admin/css/responsive.css">
    <meta name="robots" content="NONE,NOARCHIVE">
</head>
<body>
<div class=" login" data-admin-utc-offset="28800">
    <!-- Container -->
    <div id="container" style="background-color: rgba(255, 255, 255, 0.7);">
        <!-- Header -->
        <div id="header" style="background-color: rgba(95, 139, 181,0.7)">
            <div id="branding">

                <h1 id="site-name">消防系统计算平台</h1>

            </div>
        </div>
        <!-- END Header -->

        <!-- Content -->
        <div id="content" class="colM">
            {% if status == 'failed' %}
            <p class="errornote">
                请输入一个正确的 用户名 和密码. 注意他们都是区分大小写的.
            </p>
            {% endif %}
            <div id="content-main">
                <form action="{% url 'login' %}" method="post" id="login-form">
                    {% csrf_token %}
                    <div class="form-row">
                        <label class="required" for="id_username">用户名:</label>
                        <input type="text" name="username" autofocus="" required="" id="id_username">
                    </div>
                    <div class="form-row">
                        <label class="required" for="id_password">密码:</label>
                        <input type="password" name="password" required="" id="id_password">
                    </div>

                    <div class="submit-row">
                        <label>&nbsp;</label>
                        <input type="submit" value="登录">
                    </div>
                </form>
            </div>
            <br class="clear">
        </div>
        <!-- END Content -->

        <div id="footer"></div>
    </div>
    <!-- END Container -->

</div>

</body>
</html>